#home-body{
    background-image: url(/pix/webcore\ bg\ star.png);
    background-color: rgb(75, 9, 43);
    color: rgb(28, 3, 43);
}
div{
    
}
/* width */
::-webkit-scrollbar {
    width: 5px;
  
}
  /* Track */
  ::-webkit-scrollbar-track {
    background: rgba(28, 3, 43, 0.336);
}
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: rgb(75, 9, 43);
}
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.buttons{
    border-bottom: 2px solid rgb(28, 3, 43);
    text-align: center;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
#central-div{
    width:65em;
    height: auto;
    margin-left:auto;
    margin-right: auto;
    margin-top: 5em;
    border-radius: 0.3em;
    box-shadow: 0px 0px 30px 3px rgb(63, 26, 88);
    background-image: linear-gradient(rgb(197, 72, 55), rgb(172, 30, 49));
    border: 2px solid rgb(28, 3, 43);
    padding:1em 1em 1em 1em;
    overflow-y: scroll;
}
.inner{
    background-color: rgb(226, 148, 83);
    border-radius: 0.2em;
    border: 3px solid rgb(248, 218, 135);
    box-shadow: 5px 5px 30px rgb(28, 3, 43);
}
#pages-div{
    width:12.2em;
    height:25em;
    float: left;
    overflow-y: scroll;
}
#update-log-div{
    margin-top: 4em;
    height:18em;
    width:20em;
    overflow-y: scroll;
}
#home-content{
    width:33em;
    height: 27em;
    margin-left:15.4em;
    overflow-y: scroll;
}
#right-sidebar{
    float:right;
    width:15.5em;
    height: 50em;
}
#rightside-top{
    float:right;
    width: 14em;
    height:30em;
    margin-top:2em;
}
#rightside-bottom{
    float:right;
    height:15em;
    width: 42em;
    margin-top:1em;
    
}
.mid-text-rights{

}
#page-title{
    text-align:center;
}
#page-cool-scroller{
    color:rgb(235, 180, 155);
    margin-top:1em;
    border-bottom:2px solid rgb(28, 3, 43);
    border-top:2px solid rgb(28, 3, 43);
    background-image: linear-gradient(rgb(112, 23, 35), rgb(172, 30, 49));
}
#buttons-div{
    float:left;
    width:23.5em;
    height: 15em;
    padding-left: 0.6em;
    
    overflow-y: scroll;
}

#webring-div{
    float:right;
    width:15em;
    height: 15em;
    overflow-y: scroll;
}
#intro-para{
    color:rgb(235, 180, 155);
    width:50%;
    margin-left:1em;
    float:left;
    line-height: 1.2em;
    border:2px solid rgb(28, 3, 43);
    border-radius: 0.5em;
    background-image: linear-gradient(rgb(172, 30, 49), rgb(158, 35, 51));
}
#left-home{
    
    float:right;
    width:14em;
    height:20em;
}
.home-right{
    width:90%;
    background-color: rgb(172, 30, 49);
    background-image: linear-gradient(rgb(172, 30, 49), rgb(158, 35, 51));
    color:rgb(238, 197, 197);
    border-radius: 5px;
    overflow-y: scroll;
    padding-left:1em;
    float: left;
}
#new-message{
    height: 7em;
    margin-bottom: 1em;
}
.to-do-list{
    margin-bottom:0.5em;
}
.an-update{
    color:rgb(238, 197, 197);
    text-align:center;
    width: 70%;
    border: 3px solid rgb(172, 30, 49);
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(28, 3, 43);
    padding:1em 1em 1em 1em;
    margin-bottom: 1em;
}
.upd-head{
    border-bottom:2px dotted rgb(238, 197, 197) ;
}
.center{
    text-align: center;
}
.pages{
    text-decoration: none;
    font-size: large;
    width:80%;
    height: 3em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    margin-top: 1em;
    border-radius: 5px;
    
}
#home-page{
    border:2px solid rgb(136, 26, 26);
    background-color: rgb(196, 47, 47);
    color:rgb(238, 197, 197);
    background-image: linear-gradient(rgb(216, 33, 57), rgb(182, 27, 48));
    box-shadow: 0px 0px 10px 3px rgb(141, 29, 29);
}
#about-page{
    border:2px solid rgb(175, 138, 35);
    background-color: rgb(224, 184, 74);
    color:rgb(28, 3, 43);
    background-image: linear-gradient(rgb(250, 198, 55), rgb(221, 172, 38));
    box-shadow: 0px 0px 10px 3px rgb(116, 91, 23);
}
#sketch-page{
    border:2px solid rgb(182, 85, 29);
    background-color: rgb(240, 116, 44);
    color:rgb(28, 3, 43);
    background-image: linear-gradient(rgb(245, 134, 70), rgb(252, 117, 39));
    box-shadow: 0px 0px 10px 3px rgb(128, 65, 29);
}
#music-page{
    border:2px solid rgb(24, 148, 65);
    background-color: rgb(34, 228, 99);
    color:rgb(28, 3, 43);
    background-image: linear-gradient(rgb(38, 199, 92), rgb(24, 148, 65));
    box-shadow: 0px 0px 10px 3px rgb(15, 80, 37);
}
#journal-page{
    border:2px solid rgb(66, 26, 141);
    background-color: rgb(120, 54, 243);
    color:rgb(238, 197, 197);
    background-image: linear-gradient(rgb(95, 48, 184), rgb(66, 26, 141));
    box-shadow: 0px 0px 10px 3px rgb(63, 26, 88);
}